<!DOCTYPE html>
<html lang="zh-CN" xmlns="http://www.w3.org/1999/html">
    <head>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <!-- 上述3个meta标签*必须*放在最前面，任何其他内容都*必须*跟随其后！ -->
        <title>Basic Form</title>

        <link href="../css/bootstrap.min.css" rel="stylesheet">
        <link href="../css/theme.css" rel="stylesheet">
        <link href="../css/animate.min.css" rel="stylesheet">
        <link href="../css/plugins/font-awesome/css/font-awesome.min.css" rel="stylesheet">
        <link href="../css/plugins/panel.css" rel="stylesheet"/>
        <link href="../css/plugins/form.css" rel="stylesheet"/>

        <!--[if lt IE 9]>
        <script src="../js/html5shiv.min.js"></script>
        <script src="../js/respond.min.js"></script>
        <![endif]-->
    </head>
    <body class="dashboard-page sb-l-o sb-r-c onload-check">
        <!-- Start: Header -->
        <?php include 'common_header.php';?>
        <!-- End: Header -->
        <!-- Start: Header -->
        <?php include 'common_sidebar.php';?>
        <!-- End: Header -->

        <!-- Start: Content-Wrapper -->
        <section id="content_wrapper">
            <!-- Begin: Content -->
            <section id="content" class="animated fadeIn">
                <div class="as-panel">
                    <div class="as-panel-header">
                        <span class="as-panel-title">Basic Input</span>
                        <span class="as-panel-controls">
                            <a href="#" class="fa fa-remove"></a>
                            <a href="#" class="fa fa-plus"></a>
                            <a href="#" class="glyphicon glyphicon-fire"></a>
                        </span>
                    </div>
                    <div class="as-panel-body">
                        <div class="row">
                            <form>
                                <div class="as-form-group">
                                    <label class="col-lg-2 as-control-label">Input</label>
                                    <div class="col-lg-5 ">
                                        <input type="text" class="as-form-control" placeholder="basic input"/>
                                    </div>
                                </div>
                                <div class="as-form-group">
                                    <label class="col-lg-2 as-control-label">Text Area</label>
                                    <div class="col-lg-5 ">
                                        <textarea class="as-form-control" rows="5"></textarea>
                                    </div>
                                </div>
                                <div class="as-form-group">
                                    <label class="col-lg-2 as-control-label">Basic Select</label>
                                    <div class="col-lg-5 ">
                                        <select class="as-form-control">
                                            <option>Basic Input</option>
                                            <option>Basic Select</option>
                                            <option>Email Address</option>
                                            <option>Mobile</option>
                                        </select>
                                    </div>
                                </div>
                                <div class="as-form-group">
                                    <label class="col-lg-2 as-control-label">Checkboxes</label>
                                    <div class="col-lg-5" style="padding-top: 10px">
                                        <div class="as-checkbox">
                                            <input type="checkbox" checked/>
                                            <label>Default</label>
                                        </div>
                                    </div>
                                </div>
                                <div class="as-form-group">
                                    <label class="col-lg-2 as-control-label">Radios</label>
                                    <div class="col-lg-5" style="padding-top: 10px">
                                        <div class="as-radio">
                                            <input type="radio" />
                                            <label>Default</label>
                                        </div>
                                    </div>
                                </div>
                            </form>
                        </div>
                    </div>
                </div>
                <br>
                <div class="as-panel">
                    <div class="as-panel-header">
                        <span class="as-panel-title">With Icons</span>
                        <span class="as-panel-controls">
                            <a href="#" class="fa fa-remove"></a>
                            <a href="#" class="fa fa-plus"></a>
                            <a href="#" class="glyphicon glyphicon-fire"></a>
                        </span>
                    </div>
                    <div class="as-panel-body">
                        <div class="row">
                            <form>
                                <div class="as-form-group">
                                    <div class="as-input-group col-lg-offset-2 col-lg-5">
                                        <span class="as-input-icon">
                                            <i class="fa fa-envelope-o"></i>
                                        </span>
                                        <input type="text" class="as-form-control" placeholder="Email Address"/>
                                    </div>
                                </div>
                                <div class="as-form-group">
                                    <div class="as-input-group col-lg-offset-2 col-lg-5">
                                        <span class="as-input-icon">
                                            <i class="fa fa-whatsapp"></i>
                                        </span>
                                        <input type="text" class="as-form-control" placeholder="Mobile"/>
                                    </div>
                                </div>
                                <div class="as-form-group">
                                    <div class="as-input-group col-lg-offset-2 col-lg-5">
                                        <span class="as-input-icon">
                                            <i class="fa fa-user"></i>
                                        </span>
                                        <input type="text" class="as-form-control" placeholder="User"/>
                                    </div>
                                </div>
                                <div class="as-form-group">
                                    <div class="as-input-group col-lg-offset-2 col-lg-5">
                                        <span class="as-input-icon">
                                            <i class="fa fa-key"></i>
                                        </span>
                                        <input type="text" class="as-form-control" placeholder="Password"/>
                                    </div>
                                </div>
                                <div class="as-form-group">
                                    <div class="as-input-group col-lg-offset-2 col-lg-5">
                                        <a href="#" class="as-append-icon right">
                                            <i class="fa fa-remove"></i>
                                        </a>
                                        <input type="text" class="as-form-control" placeholder="Delete"/>
                                    </div>
                                </div>
                                <div class="as-form-group">
                                    <div class="as-input-group col-lg-offset-2 col-lg-5">
                                        <span class="">
                                            <input type="text" class="as-form-control" placeholder="Spinner"/>
                                            <a href="#" class="as-icon-button as-icon-up fa fa-sort-asc"></a>
                                            <a href="#" class="as-icon-button as-icon-down fa fa-sort-down"></a>
                                        </span>
                                    </div>
                                </div>
                            </form>
                        </div>
                    </div>
                </div>
                <br />
                <div class="as-panel">
                    <div class="as-panel-header">
                        <span class="as-panel-title">Plugin Input</span>
                        <span class="as-panel-controls"></span>
                    </div>
                    <div class="as-panel-body">
                        <div class="row">
                            <form>
                                <div class="as-form-group">
                                    <label class="as-control-label col-lg-2">Single Select</label>
                                    <div class="col-lg-5">
                                        <select class="as-form-control" style="display: none">
                                            <option>Basic Input</option>
                                            <option>Basic Select</option>
                                            <option>Email Address</option>
                                            <option>Mobile</option>
                                        </select>
                                        <span class="as-selection as-selection-w301">
                                            <span class="as-select">
                                                <span class="as-select-content">Mobile</span>
                                                <span class="as-select-icon">
                                                    <i class="fa fa-caret-down"></i>
                                                </span>
                                            </span>
                                        </span>
                                    </div>
                                </div>
                            </form>
                        </div>
                    </div>
                </div>
                <span class="as-selection-w301" style="position: absolute;top: 1030px;left: 305px">
                    <span class="as-select-dropdown">
                        <span class="as-select-search">
                            <input class="as-select-input"/>
                        </span>
                        <span style="display: block">
                            <ul class="as-select-result">
                                <li class="as-select-option">Basic Input</li>
                                <li class="as-select-option">Basic Select</li>
                                <li class="as-select-option">Email Address</li>
                            </ul>
                        </span>
                    </span>
                </span>
            </section>

            <!-- End: Content -->
        </section>
        <br /><br /><br /><br /><br /><br /><br />
        <script src="//cdn.bootcss.com/jquery/1.11.3/jquery.min.js"></script>
        <script src="../js/bootstrap.min.js"></script>
        <script src="../js/admin.js"></script>
        <script>
            $(function(){
                Admin.init();
            });


        </script>
    </body>
</html>